2 数据类型运算符流程控制语句

发表于 | 分类于

1.JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?

  • JavaScript语言的每一个值，都属于某一种数据类型。JavaScript的数据类型，共有六种。
    1.数值（number）： 整数和小数（如1和1.34）
    2.字符串（string）： 字符组成的文本（如“hello world”）
    3.布尔值（boolean）：true（真）和false（假）两个特定值
    4.undefined: 表示“未定义”或不存在，即此处目前没有任何值
    5.null: 表示空缺，此处应有一个值，但目前为空
    6.对象（object）：各中值组成的集合

  • 属于原始类型（primitive type）的有： 数值，字符串，布尔值

  • 属于复杂类型（complex type）的有： 对象
  • 特殊值：undefined和null
  • 原始类型与复杂类型的区别：
    原始类型是最基本的数据类型，不能再细分了。
    复杂类型的值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器。

2.typeof和instanceof的作用和区别?

JavaScript有三种方法，可以确定一个值到底是什么类型。

  • typeof运算符
  • instanceof运算符
  • Object.prototype.toString方法

对于typeof:
1.数值、字符串、布尔值分别返回 number、string、boolean。

1
2
3
typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

2.函数返回function。

1
2
3
function f() {}
typeof f
// "function"

3.undefined返回undefined。

1
2
typeof undefined
// "undefined"

利用这一点，typeof可以用来检查一个没有声明的变量，而不报错。应用在实际编程中：

1
2
3
4
5
// 错误的写法
if (v) { }  // ReferenceError: v is not defined

// 正确的写法
if (typeof v === "undefined") { }

4.除此以外，其他情况都返回object。

1
2
3
4
typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"

对于instanceof
区分数组和对象

1
2
3
4
var o = {};
var a = [];
o instanceof Array // false
a instanceof Array // true

两者区别：
typeof运算符:运算符可以返回一个字符串，用以说明原数据的类型。
instanceof运算符:运算符可以判断一个变量是否是某个对象（类）的实例，返回值是布尔类型的。

3.如何判断一个变量是否是数字、字符串、布尔、函数

见上例

1
2
3
4
5
typeof 123 === 'number' 判断是否是数字
typeof '123' === 'string' 判断是否为字符串
typeof true ==='boolean' 判断是否为布尔
function f() {}
typeof f ==='function' 判断是否为函数

4.NaN是什么? 有什么特别之处?

NaN含义是Not a Number，表示非数字，NaN和任何值都不相等，包括自己。

1
2
NaN == NaN; //false
parseInt('abc'); //NaN

特别之处：
1.任何NaN的值进行操作都会返回一个NaN,
2.NaN与任何值都不相等包括其本身,即NaN === NaN也是false.

5.如何把非数值转化为数值?

有三个函数可以把非数值转换为数值
1
2
3
1. Number()
2. parseInt()
3. parseFloat()

第一个函数，即转型函数Number()可以用于任何数据类型，而另两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会有返回不同的结果。

Number()函数的转换规则如下：
  • 如果是Boolean值，true和false将分别被转换为1和0；
  • 如果是数字值，只是简单的传入和返回；
  • 如果是null值，返回0；
  • 如果是undefinde，返回NaN；
  • 如果是字符串，遵循下列规则：
    1.如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即“1”会变成1，“123”会变成123，而“011”会变成11（注意：前导的零被忽略了）；
    2.如果字符串中包含有效的浮点格式，如“1.1”,则将其转换为对应的浮点数值（同样，也会忽略前导零）；
    3.如果字符串中包含有效的十六进制格式，例如“0xf”，则将其转换为相同大小的十进制整数值；
    4.如果字符串是空的（不包含任何字符），则将其转换为0；
    5.如果字符串中包含除上述格式之外的字符，则将其转换为NaN.
    如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果是NaN，则调用对象的toString()方法，然后再次依照前面的规则转换返回的字符串值。
    parseInt()函数的转换规则如下：
  • 忽略字符串前面的空白字符，找到第一个非空白字符
  • 如果第一个字符不是-或者数字返回NaN
  • 如果第一个字符是数字字符，会继续解析第二个字符，直到解析完所-有后续字符或者遇到了一个非数字字符。例如“1234blue”会被转换为1234，因为“blue”会被完全忽略。
  • 0开头会当做八进制，0x开头会当做十六进制，但是可以指定第二个参数指定基数
    parseFloat() 与parseInt()函数类似，有两点区别
  • parseInt()在解析”22.34.5”时会将其转换为22，因为小数点并不是有效的数字字符；而parseFloat()可以将转换为22.34，因为parseFloat()在解析时遇到一个无效的浮点数字字符为止，而上述字符砖中第一小数点是有效的；
  • parseInt()与parseFloat()的第二个区别在于它始终都会忽略前导的零。

例

1
2
3
4
parseInt('blue'); //NaN 非空字符串转换为NaN
parseInt('-23ABS'); // -23
parseInt('0xf1'); // 241
parseInt('101', 2); // 5，后面的2代表101是二进制数

  1. ==与===有什么区别
    ===是严格意义上的相等，只需注意NaN和NaN不等就行了。而使用==的时候，javascript会帮我们做类型转换，造成一些匪夷所思的结果，那么使用==的时候在一下情况下会做相应的类型转换
    如果两个值类型相同，则执行严格相等的运算
    如果两个值的类型不同
    1.如果一个是null，一个是undefined，那么相等
    2.如果一个是数字，一个是字符串，先将字符串转为数字，然后比较
    3.如果一个值是true/false则将其转为1/0比较
    4.如果一个值是对象，一个是数字或字符串，则尝试使用valueOf和toString转换后比较
    5.其它就不相等了

6.==与===有什么区别

我们可以使用==或===判断两个值的相等性，其中区别在于：===是严格意义的相等，只需注意NaN和NaN不等就行了。而使用==的时候，javascript会帮我们做类型转换，如：

  • 如果两个值类型相同，则执行严格相等的运算
  • 如果两个值的类型不同
    1.如果一个是null，一个是undefined，那么相等
    2.如果一个是数字，一个是字符串，先将字符串转为数字，然后比较
    3.如果一个值是true/false则将其转为1/0比较
    4.如果一个值是对象，一个是数字或字符串，则尝试使用valueOf和toString转换后比较
    5.其它就不相等了

7.break与continue有什么区别

这两个关键字多用在循环语句中
break 用于强制退出循环体，执行循环后面的语句
continue 用于退出本次循环，执行下次循环

8.void 0 和 undefined在使用场景上有什么区别

void运算符的作用是执行一个表达式，然后返回undefined。但是某些情境下undefined是可以被赋值的，比如在函数中，这样的话就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间，也避免了误用被修改过的 undefined。

9.以下代码的输出结果是?为什么?

1
2
3
4
console.log(1+1);    // 输出结果为2，在两个操作数都是数字的时候，会做加法运算
console.log("2"+"4");  // 输出结果为"24"，两个参数都是字符串，所以字符串做字符串拼接
console.log(2+"4"); // 输出结果为"24",对于两个参数，其中有一个参数是字符串的情况下会把另外一个参数转换为字符串做字符串拼接 
console.log(+"4");// 输出结果为"4"，在只有一个字符串参数的时候会尝试将其转换为数字

10.以下代码的输出结果是?

1
2
3
var a = 1;  
a+++a;  //输出结果为3，由于++运算符比+运算符优先级更高，所以计算顺序为a++ +a, a++结果为1，此时a的值加1等于2，所以原式=1+2=3。
typeof a+2; // 输出结果为"number2",由于typeof运算符高于+运算符，所以计算顺序为typeofa +2,typeofa输出字符串number,字符串与数字相加，数字转换为字符串做字符串拼接，得到结果"number2'

11.以下代码的输出结果是? 为什么?

1
2
3
var a = 1;
var b = 3;
console.log( a+++b );//输出结果为4，因为++运算符优先级高于+,所以a+++b=(a++)+b=1+3=4。

12.遍历数组，把数组里的打印数组每一项的平方

1
2
3
4
var arr = [3,4,5]
for(i=0,i<arr.length;i++){
console.log(arr[i]*arr[i])
}//输出结果为9,16,25

13.遍历 JSON, 打印里面的值

1
2
3
4
5
6
7
8
var obj = {
 name: 'hunger', 
 sex: 'male', 
 age: 28 
}
for(var key in obj){
console.log(obj[key])
}

14.以下代码输出结果是? 为什么 ?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val) //输出结果为"number2",因为typeof运算符优先级高于其他运算符，所以优先运算typeof a，得到结果"number",然后运算+b,
所以||运算符左边结果为"number2"，对于运算符逻辑||或，当第一个为true时，发生短路，直接略过第二个运算，并返回第一个运算结果。
所以输出"number2"。

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)//运算结果为undefined，因为==运算符优先级大于其他运算符，所以d==5优先运算得出结果为true,继续运算且&&运算符
右边的console.logo('bb')，结果为undefined（bb没有声明）,式子变为var data =true && undefined,故最终输出结果为undefined。

var data2 = d = 0 || console.log('haha')
console.log(data2)//输出结果为undefined,由于=运算符的优先级低于其他运算符，所以优先运算0||console.logo('haha'),
由于0返回布尔值为false,所以需继续运算||或运算符后面的console.log('haha'),运算结果为undefined(由于没有声明'haha'),
最终式子变为var data2=d=undefined,所以输出结果为undefined。
 
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)//输出结果为2，因为非空字符串的结果为true,所以可得
!!"Hello"结果为true,
!"world"结果为false,
!!"from here!!"结果为true,
括号里面的优先计算，逗号会忽略第一个操作数，返回第二个操作数，所以括号里的结果为true。
式子变为var x=true+true=1+1=2,所以最终输出结果为2。